* { padding: 0; margin: 0; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

section { margin-bottom: 14.66667vw; }

footer { position: fixed; bottom: -0.5%; background-color: white; height: 14.66667vw; width: 100%; }

footer .foot { width: 93.33333vw; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }

footer .foot a div p { font-size: 2.66667vw; text-align: center; color: black; }

footer .foot a div div { width: 9.33333vw; height: 9.33333vw; }

footer .foot a div div img { width: 100%; height: 100%; }

a { text-decoration: none; }

header { width: 93.86667vw; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 6.66667vw; }

header .back { width: 16.4vw; height: 7.6vw; border: 2px solid #ff9344; border-radius: 2vw; font-size: 4vw; color: black; text-align: center; line-height: 6.66667vw; }

header .hd-name { font-size: 4vw; }

header .head-rg { width: 8vw; height: 5.33333vw; position: relative; }

header .head-rg::after { content: "2"; display: inline-block; height: 3.73333vw; width: 3.73333vw; font-size: 2.26667vw; text-align: center; line-height: 3.73333vw; color: white; border-radius: 50%; background-color: red; position: absolute; right: 0; top: -40%; }

header .head-rg img { width: 100%; height: 100%; }

section { width: 93.86667vw; margin: 0 auto; margin-top: 2.66667vw; margin-bottom: 14.66667vw; }

section .account { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

section .account div:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 46.66667vw; }

section .account div:first-child div:first-child { height: 22.66667vw; width: 22.66667vw; border-radius: 50%; overflow: hidden; }

section .account div:first-child div:first-child img { width: 100%; height: 100%; -webkit-transform: scale(1.7) translate(-10%, 10%); transform: scale(1.7) translate(-10%, 10%); }

section .account div:first-child div:last-child p:first-child { font-size: 4.66667vw; margin-top: 4vw; }

section .account div:first-child div:last-child p:last-child { font-size: 3.33333vw; color: #9d9d9d; margin-top: 4vw; }

section .account div:last-child { font-size: 6.66667vw; }

section .function { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 3.73333vw; }

section .function .comment, section .function .collect, section .function .discounts { width: 26vw; height: 20vw; background-color: #b2e0a0; font-size: 4vw; text-align: center; padding: 1.33333vw; }

section .function .comment img, section .function .collect img, section .function .discounts img { width: 10.93333vw; height: 10.93333vw; }

section .function .comment p, section .function .collect p, section .function .discounts p { font-size: 4vw; }

section .function .collect { background-color: #a0dce0; }

section .function .discounts { background-color: #e0b7a0; }

section .function .discounts img { width: 16.66667vw; }

section .fc-nav div, section .setting div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 2vw; }

section .fc-nav div .nav-lf, section .setting div .nav-lf { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

section .fc-nav div .nav-lf img, section .setting div .nav-lf img { width: 8vw; height: 8vw; }

section .fc-nav div .nav-lf p, section .setting div .nav-lf p { font-size: 3.6vw; margin-left: 5.33333vw; }

section .fc-nav div .nav-rg, section .setting div .nav-rg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

section .fc-nav div .nav-rg img, section .setting div .nav-rg img { width: 4vw; height: 4vw; }

section .fc-nav div .nav-rg p, section .setting div .nav-rg p { font-size: 3.6vw; }

section .setting { margin-top: 6.66667vw; }

section .login { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; margin-top: 4.66667vw; }

section .login div { width: 20vw; height: 9.33333vw; background-color: #ff9344; color: white; font-size: 3.33333vw; text-align: center; line-height: 9.33333vw; border-radius: 4vw; }
